export interface FontStyle {
  fontSize: number;
  fontFamily: string;
  fontWeight?: 'normal' | 'bold';
  fontStyle?: 'normal' | 'italic' | 'oblique' | 'left' | 'right';
  textAlign?: string;
  textBaseline?: string;
  fillStyle?: 'italic';
  strokeStyle?: string;
  lineWidth?: number;
  lineHeight?: number;
  lineCap?: string;
  lineJoin?: string;
  miterLimit?: number;
  shadowOffsetX?: number;
  shadowOffsetY?: number;
  shadowBlur?: number;
  shadowColor?: string;

  direction: 'horizontal' | 'vertical';
  underline: boolean;
  width: number;
  height: number;
  scale: 1;
}

export function getFont(fontStyle: FontStyle) {
  const fontStr = `${fontStyle.fontStyle || ''} ${fontStyle.fontWeight || 'normal'} ${fontStyle.fontSize}px/${fontStyle.lineHeight} ${fontStyle.fontFamily || ''}`;
  console.log('fontStr', fontStr);
  return fontStr;
}
